<template>
  <el-row justify="end" class="page">
    <el-pagination background layout="total, prev, pager, next" :total="currentTotal"
                   v-model:current-page="currentPage" :default-page-size="15" :page-size="15"
                   @current-change="handleCurrentChange"/>
  </el-row>
</template>

<script setup lang="ts">
import {defineProps} from "vue";
import {defineModel} from 'vue'

const currentPage = defineModel('page');
const currentTotal = defineModel('total');

interface Props {
  handleCurrentChange?: Function;
}

defineProps<Props>()
</script>
<style scoped>
.page {
  margin-top: 20px;
  z-index: 2999;
  padding: 0 20px;
}
</style>